.gradientButton {
  background: linear-gradient(135deg, #6253e1, #04befe);
  backdrop-filter: blur(5px);
  color: #fff;
  transition: all 0.3s ease;

  &:hover {
    background: rgb(255 255 255 / 30%);
    transform: translateY(-2px);
  }
}

.neonButton {
  background: transparent;
  border: 2px solid #0f0;
  color: #0f0;
  text-shadow: 0 0 5px #0f0;
  box-shadow: 0 0 10px #0f0;
  transition: all 0.3s ease;

  &:hover {
    background: #0f0;
    color: #000;
    box-shadow: 0 0 20px #0f0;
  }
}

.glassButton {
  background: rgb(255 255 255 / 20%);
  backdrop-filter: blur(5px);
  border: 1px solid rgb(255 255 255 / 30%);
  color: #333;
  transition: all 0.3s ease;

  &:hover {
    background: rgb(255 255 255 / 30%);
    transform: translateY(-2px);
  }
}

.roundedButton {
  border-radius: 25px;
  background: #4a90e2;
  border: none;
  color: white;
  transition: all 0.3s ease;

  &:hover {
    background: #357abd;
    transform: scale(1.05);
  }
}

.borderButton {
  background: transparent;
  border: 2px solid #e74c3c;
  color: #e74c3c;
  transition: all 0.3s ease;

  &:hover {
    background: #e74c3c;
    color: white;
  }
}

.shadowButton {
  background: #2ecc71;
  border: none;
  color: white;
  box-shadow: 0 4px 15px rgb(46 204 113 / 40%);
  transition: all 0.3s ease;

  &:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgb(46 204 113 / 60%);
  }
}
